<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<title>我的手艺</title>
	<link rel="stylesheet" type="text/css" href="/static/style/common.css">
	<link rel="stylesheet" type="text/css" href="/static/style/index.css">
</head>

<body>
<!-- 通用头部 -->
<div class="COMMON">
	<div class="top">
		<div class="w1000">
			<div class="logo"><a href="/"><img src="/static/images/logo.gif" alt="我的手艺" title="我的手艺"></a></div>
			<div class="nologin" style="display:none;">
				<div class="topsearch">
					<p>
						<input type="button" value="" class="s1" />
						<input type="text" placeholder="284144样独特商品" class="s2" />
					</p>
				</div>
				<div class="loginboxwrap">
					<div class="loginbox">
						<i></i>
						<p><a href="#">登录</a>/<a href="#">注册</a></p>
					</div>
				</div>
				<div class="topcart">
					<a href="#">
						<div class="cartnum"><i>125</i></div>
						<h1>购物车</h1>
					</a>
				</div>
			</div>
			<div class="logined">
				<div class="topsearch">
					<p>
						<input type="button" value="" class="s1" />
						<input type="text" placeholder="284144样独特商品" class="s2" />
					</p>
				</div>
				<div class="usernav">
					<div class="personalnav">
						<div class="personalinfo">
							<div class="usericon">
								<img src="/static/demoimg/pic5.jpg">
								<div class="coverbg"></div>
							</div>
							<div class="userinfotext">
								<h1>个人中心</h1>
								<i></i>
							</div>
						</div>
						<div class="personalnavlist">
							<dl>
								<dd><a href="#">我的订单</a></dd>
								<dd><a href="#">我的收藏</a></dd>
								<dd><a href="#">账户管理</a></dd>
								<dt><a href="#">退出</a></dt>
							</dl>
						</div>
					</div>
					<div class="msgnav">
						<div class="msgnumber">
							<p><cite>210</cite></p>
							<h1>消息</h1>
							<i></i>
						</div>
						<div class="msglist">
							<ul>
								<li><a href="#">买家消息 <span>100</span></a></li>
								<li><a href="#">卖家消息 <span>1</span></a></li>
							</ul>
						</div>
					</div>
					<div class="managenav">
						<div class="managetitle">
							<cite></cite>
							<h1>工作室管理</h1>
							<i></i>
						</div>
						<div class="managelist">
							<ul>
								<li><a href="#">待发货订单 <span>1</span></a></li>
								<li><a href="#">售卖中的作品</a></li>
								<li><a href="#">发布作品</a></li>
								<li><a href="#">工作室管理</a></li>
							</ul>
						</div>
					</div>
				</div>
				<div class="topcart">
					<a href="#" class="cartlink">
						<div class="cartnum"><i>125</i></div>
						<h1>购物车</h1>
					</a>
					<div class="topcartlist">
						<div class="topcarlisttitle">
							<h1>&nbsp;</h1>
						</div>
						<div class="empty">
							<h1>您购物车里还没有任何宝贝。</h1>
						</div>
						<div class="goodslist">
							<ul>
								<li>
									<div class="goodspic">
										<a href="#" target="_blank"><img src="/static/demoimg/pic6.jpg" alt="" title="" /></a>
									</div>
									<div class="goodstext">
										<h1>范伍陶瓷花器范伍陶瓷悬范伍陶瓷花器范伍陶瓷悬</h1>
										<p>颜色分类：玉颈瓶</p>
									</div>
									<div class="goodsprice">
										<h1>￥75.00</h1>
										<p><a href="javascript:;">删除</a></p>
									</div>
								</li>
								<li>
									<div class="goodspic">
										<a href="#" target="_blank"><img src="/static/demoimg/pic6.jpg" alt="" title="" /></a>
									</div>
									<div class="goodstext">
										<h1>范伍陶瓷花器范伍陶瓷悬范伍陶瓷花器范伍陶瓷悬</h1>
										<p>颜色分类：玉颈瓶</p>
									</div>
									<div class="goodsprice">
										<h1>￥75.00</h1>
										<p><a href="javascript:;">删除</a></p>
									</div>
								</li>
							</ul>
							<div class="clear"></div>
						</div>
						<div class="gomycart">
							<h1>购物车里共有 <span>2</span> 件作品</h1>
							<h2><a href="#">查看我的购物车</a></h2>
							<div class="clear"></div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="clear"></div>
	<div class="mainnavwrap">
		<div class="w1000">
			<div class="mainnav">
				<ul>
					<li><a href="/">首页</a></li>
					<li><a href="/">生活美学</a></li>
					<li><a href="/">配饰</a></li>
					<li><a href="/">艺术信仰</a></li>
					<li><a href="/">礼尚</a></li>
					<li><a href="/">最美定制</a></li>
				</ul>
			</div>
		</div>
	</div>
	<div class="clear"></div>
</div>
<!-- 主体 -->
<div class="focus">
	<div class="bannerwrap">
		<div class="sortnav">
			<div class="sortnavtext"><h1><i></i>精品推荐</h1></div>
			<div class="sortnavlist">
				<div class="sortnavlistwrap">
					<div class="sortnavdetail">
						<h1 class="s1"><a href="">生活美学</a></h1>
						<ul>
							<li><a href="">家居装饰</a></li>
							<li><a href="">餐具茶具</a></li>
							<li><a href="">沐浴美容</a></li>
							<li><a href="">手工日用</a></li>
						</ul>
					</div>
					<div class="sortnavdetail">
						<h1 class="s2"><a href="">配饰</a></h1>
						<ul>
							<li><a href="">珠宝首饰</a></li>
							<li><a href="">丝巾</a></li>
							<li><a href="">包袋</a></li>
						</ul>
					</div>
					<div class="sortnavdetail">
						<h1 class="s3"><a href="">艺术信仰</a></h1>
						<ul>
							<li><a href="">新锐艺术</a></li>
							<li><a href="">东方传统艺术</a></li>
							<li><a href="">宗教信仰</a></li>
						</ul>
					</div>
				</div>
				<div class="space"></div>
			</div>
		</div>
		<div class="banner"><a href="javascript:;" target="_blank"><img src="/static/images/default.gif"></a></div>
	</div>
</div>
<!-- <div class="yourcommend">
	<div class="clear"></div>
	<div class="w1000 title bg0"><span>猜您喜欢</span></div>
	<div class="clear"></div>
	<div class="w1000 yourcommendlist">
		<ul>
			<li>
				<div class="goodspic"><a href="/goods/detail.html" target="_blank"><img src="/static/demoimg/pic1.jpg" alt="" title="" /></a></div>
				<div class="goodstext">
					<h1><a href="/goods/detail.html" target="_blank">手工干花项链坠子复古毛衣复古项链包包手工干花项链坠子复古毛衣复古项链包包</a></h1>
					<p>&yen; <span>588.00</span></p>
				</div>
			</li>
			<li>
				<div class="goodspic"><a href="/goods/detail.html" target="_blank"><img src="/static/demoimg/pic1.jpg" alt="" title="" /></a></div>
				<div class="goodstext">
					<h1><a href="/goods/detail.html" target="_blank">手工干花项链坠子复古毛衣复古项链包包手工干花项链坠子复古毛衣复古项链包包</a></h1>
					<p>&yen; <span>588.00</span></p>
				</div>
			</li>
			<li>
				<div class="goodspic"><a href="/goods/detail.html" target="_blank"><img src="/static/demoimg/pic1.jpg" alt="" title="" /></a></div>
				<div class="goodstext">
					<h1><a href="/goods/detail.html" target="_blank">手工干花项链坠子复古毛衣复古项链包包手工干花项链坠子复古毛衣复古项链包包</a></h1>
					<p>&yen; <span>588.00</span></p>
				</div>
			</li>
			<li>
				<div class="goodspic"><a href="/goods/detail.html" target="_blank"><img src="/static/demoimg/pic1.jpg" alt="" title="" /></a></div>
				<div class="goodstext">
					<h1><a href="/goods/detail.html" target="_blank">手工干花项链坠子复古毛衣复古项链包包手工干花项链坠子复古毛衣复古项链包包</a></h1>
					<p>&yen; <span>588.00</span></p>
				</div>
			</li>
		</ul>
	</div>
</div> -->
<!-- 此内容为登录后可见 -->
<div class="newrecommeded">
	<div class="clear"></div>
	<div class="w1000 title bg1"><span>“心”推荐</span></div>
	<div class="clear"></div>
	<div class="w1000 commendgoods">
		<ul>
			<!-- <li>
				<div class="goodspic">
					<a href="#" target="_blank"><img src="/static/demoimg/pic1.jpg" alt="" title="" /></a>
					<div class="collectgoods">
						<dl>
							<dd class=""><a href="#" target="_blank"><i></i> 查看</a></dd>
							<dd class="collect"><a href="javascript:;" onClick="addMyFavoriteGoods('1',this)"><i></i> <span>2</span>人喜欢</a></dd>
						</dl>
					</div>
				</div>
				<div class="goodstext">
					<h1><a href="#" target="_blank">手工干花项链坠子复古毛衣复古项链包包手工干花项链坠子复古毛衣复古项链包包</a></h1>
					<p><span>推荐语：</span>手工干花项链坠子复古毛衣复古项链，包包手工干花项链坠子。复古毛衣复古项链包包，手工干花项链坠子复古毛衣复古项链</p>
				</div>
			</li>
			<li>
				<div class="goodspic"><a href="#" target="_blank"><img src="/static/demoimg/pic1.jpg" alt="" title="" /></a></div>
				<div class="goodstext">
					<h1><a href="#" target="_blank">手工干花项链坠子复古毛衣复古项链包包手工干花项链坠子复古毛衣复古项链包包</a></h1>
					<p><span>推荐语：</span>手工干花项链坠子复古毛衣复古项链，包包手工干花项链坠子。复古毛衣复古项链包包，手工干花项链坠子复古毛衣复古项链</p>
				</div>
			</li>
			<li>
				<div class="goodspic"><a href="#" target="_blank"><img src="/static/demoimg/pic1.jpg" alt="" title="" /></a></div>
				<div class="goodstext">
					<h1><a href="#" target="_blank">手工干花项链坠子复古毛衣复古项链包包手工干花项链坠子复古毛衣复古项链包包</a></h1>
					<p><span>推荐语：</span>手工干花项链坠子复古毛衣复古项链，包包手工干花项链坠子。复古毛衣复古项链包包，手工干花项链坠子复古毛衣复古项链</p>
				</div>
			</li>
			<li>
				<div class="goodspic"><a href="#" target="_blank"><img src="/static/demoimg/pic1.jpg" alt="" title="" /></a></div>
				<div class="goodstext">
					<h1><a href="#" target="_blank">手工干花项链坠子复古毛衣复古项链包包手工干花项链坠子复古毛衣复古项链包包</a></h1>
					<p><span>推荐语：</span>手工干花项链坠子复古毛衣复古项链，包包手工干花项链坠子。复古毛衣复古项链包包，手工干花项链坠子复古毛衣复古项链</p>
				</div>
			</li>
			<li>
				<div class="goodspic"><a href="#" target="_blank"><img src="/static/demoimg/pic1.jpg" alt="" title="" /></a></div>
				<div class="goodstext">
					<h1><a href="#" target="_blank">手工干花项链坠子复古毛衣复古项链包包手工干花项链坠子复古毛衣复古项链包包</a></h1>
					<p><span>推荐语：</span>手工干花项链坠子复古毛衣复古项链，包包手工干花项链坠子。复古毛衣复古项链包包，手工干花项链坠子复古毛衣复古项链</p>
				</div>
			</li>
			<li>
				<div class="goodspic"><a href="#" target="_blank"><img src="/static/demoimg/pic1.jpg" alt="" title="" /></a></div>
				<div class="goodstext">
					<h1><a href="#" target="_blank">手工干花项链坠子复古毛衣复古项链包包手工干花项链坠子复古毛衣复古项链包包</a></h1>
					<p><span>推荐语：</span>手工干花项链坠子复古毛衣复古项链，包包手工干花项链坠子。复古毛衣复古项链包包，手工干花项链坠子复古毛衣复古项链</p>
				</div>
			</li> -->
		</ul>
	</div>
</div>
<div class="hotrecommended">
	<div class="clear"></div>
	<!-- 最热作品 -->
	<div class="w1000 title bg2"><span>最热作品</span></div>
	<div class="clear"></div>
	<div class="hotgoods w1000">
		<ul>
			<!-- <li>
				<div class="goodspic"><a href="#" target="_blank"><img src="/static/demoimg/pic1.jpg" alt="" title="" /></a></div>
				<div class="goodstext">
					<h1><a href="#" target="_blank">手工干花项链坠子复古毛衣复古项链包包手工干花项链坠子复古毛衣复古项链包包</a></h1>
					<p>&yen; <span>588.00</span></p>
				</div>
			</li>
			<li>
				<div class="goodspic"><a href="#" target="_blank"><img src="/static/demoimg/pic1.jpg" alt="" title="" /></a></div>
				<div class="goodstext">
					<h1><a href="#" target="_blank">手工干花项链坠子复古毛衣复古项链包包手工干花项链坠子复古毛衣复古项链包包</a></h1>
					<p>&yen; <span>588.00</span></p>
				</div>
			</li>
			<li>
				<div class="goodspic"><a href="#" target="_blank"><img src="/static/demoimg/pic1.jpg" alt="" title="" /></a></div>
				<div class="goodstext">
					<h1><a href="#" target="_blank">手工干花项链坠子复古毛衣复古项链包包手工干花项链坠子复古毛衣复古项链包包</a></h1>
					<p>&yen; <span>588.00</span></p>
				</div>
			</li>
			<li>
				<div class="goodspic"><a href="#" target="_blank"><img src="/static/demoimg/pic1.jpg" alt="" title="" /></a></div>
				<div class="goodstext">
					<h1><a href="#" target="_blank">手工干花项链坠子复古毛衣复古项链包包手工干花项链坠子复古毛衣复古项链包包</a></h1>
					<p>&yen; <span>588.00</span></p>
				</div>
			</li>
			<li>
				<div class="goodspic"><a href="#" target="_blank"><img src="/static/demoimg/pic1.jpg" alt="" title="" /></a></div>
				<div class="goodstext">
					<h1><a href="#" target="_blank">手工干花项链坠子复古毛衣复古项链包包手工干花项链坠子复古毛衣复古项链包包</a></h1>
					<p>&yen; <span>588.00</span></p>
				</div>
			</li>
			<li>
				<div class="goodspic"><a href="#" target="_blank"><img src="/static/demoimg/pic1.jpg" alt="" title="" /></a></div>
				<div class="goodstext">
					<h1><a href="#" target="_blank">手工干花项链坠子复古毛衣复古项链包包手工干花项链坠子复古毛衣复古项链包包</a></h1>
					<p>&yen; <span>588.00</span></p>
				</div>
			</li> -->
		</ul>
	</div>
</div>
<div class="customizepic">
	<div class="clear"></div>
	<!-- 定制链接图片 -->
	<div class="w1000">
		<div class="midbanner">
	<!-- 		<a href="#" target="_blank"><img src="/static/images/order.jpg" alt="定制你的专属手工艺" title="定制你的专属手工艺" /></a>
	 -->	</div>
	</div>
	<div class="clear"></div>
</div>
<!-- 推荐工作室 -->
<div class="shoprecommended">
	<!-- <div class="w1000 commendshoptext">
		<div class="shoptext">
			<h1>“文化就在生活中，民艺就是一种文化，在我们的生活中流传了几百上千年”</h1>
			<p>——来自　　<a href="#goshop" target="_blank"><i class="shopicon"></i>店铺：<span>怡然舒居</span></a>　　<a href="#gouserhome" target="_blank"><i class="ownericon"></i>店主：张大壮</a></p>
		</div>
	</div>
	<div class="commendshoppic" style="background-image:url(/static/demoimg/pic3.jpg);">
		<a href="#" target="_blank" class="shoplink"></a>
		<div class="shophead"><a href="#" target="_blank"><img src="/static/demoimg/pic4.jpg" alt="" title=""><p>进入店铺</p></a></div>
	</div> -->
</div>
<!-- 通用尾部 -->
<script src="/static/js/jquery-1.10.2.min.js"></script>
<script src="/static/js/common.js"></script>
<div class="COMMON">
	<div class="clear"></div>
	<div class="gototop"><a href="javascript:;" class="lr"></a><a href="javascript:;" class="goto0"></a></div>
	<div class="w1000 footslogan">
		<ul>
			<li>
				<div class="sloganicon bg1"></div>
				<h1>精致的手工</h1>
				<p>手工艺人运用纯熟技艺精心制作出一件件精美的手工艺品</p>
			</li>
			<li>
				<div class="sloganicon bg2"></div>
				<h1>热情的设计师</h1>
				<p>热爱生活的艺人也同样热爱手工艺的一切，他们亲切、热情</p>
			</li>
			<li>
				<div class="sloganicon bg3"></div>
				<h1>安全的交易</h1>
				<p>敬请放心在这里网购，我们的团队在这里保护您的权益</p>
			</li>
		</ul>
	</div>
	<div class="clear"></div>
	<div class="footer">
		<div class="w1000 footernav">
			<h1><a href="#">联系我们</a> | <a href="#">友情链接</a> | <a href="#">隐私政策</a> | <a href="#">使用条款</a> | <a href="#">入驻及管理准则</a> | 客服热线：400-100-5241</h1>
			<p>Copyright ©2013-2014 中传文创投资（北京）有限公司版权所有 | 北京市公安局海淀分局备案编号11010802016123 | 京ICP证140217号</p>
			<h2>
				<a href="#" target="_blank"><img src="/static/images/footerimg1.gif"></a>
				<a href="#" target="_blank"><img src="/static/images/footerimg2.gif"></a>
				<a href="#" target="_blank"><img src="/static/images/footerimg3.gif"></a>
			</h2>
		</div>
	</div>
</div>
<script src="/static/js/index.js"></script>
<script type="text/javascript">
	var focusdate = [{"id":1,"picTitle":"pic title","picUrl":"http://127.0.0.1:8080/static/demoimg/2.jpg","rbg":"#cfa972","picHref":"http://www.baidu.com","picWeight":1,"picAlt":"pic中1 "}];
	var newGoods = [{"id":3,"goodsId":1,"goodsName":"手工干花项链坠子复古毛衣复古项链包包手工干花项链坠子复古毛衣复古项链包包","goodsPic":"/static/demoimg/pic1.jpg","weight":1,"recommendContent":"手工干花项链坠子复古毛衣复古项链，包包手工干花项链坠子。复古毛衣复古项链包包，手工干花项链坠子复古毛衣复古项链","status":0,"onlineTime":1430469598000,"offlineTime":1430469598000,"createTime":1430469598000,"updateTime":null}];
	var hotGoods = [{"id":1,"goodsId":1,"goodsName":"手工干花项链坠子复古毛衣复古项链包包手工干花项链坠子复古毛衣复古项链包包","goodsPic":"/static/demoimg/pic1.jpg","goodsPrice":0,"weight":1,"status":0,"onlineTime":1430303531000,"offlineTime":1430303531000,"createTime":1430130318000,"updateTime":1430303531000},{"id":2,"goodsId":1,"goodsName":"手工干花项链坠子复古毛衣复古项链包包手工干花项链坠子复古毛衣复古项链包包","goodsPic":"/static/demoimg/pic1.jpg","goodsPrice":0,"weight":1,"status":0,"onlineTime":1430185725000,"offlineTime":1430185725000,"createTime":1430185725000,"updateTime":null}];
	var customizePic = {"id":3,"picUrl":"/static/images/order.jpg","picHref":"http://www.baidu.com","picAlt":"这个图片啊啊啊啊","status":0,"onlineTime":1430125545000,"offlineTime":1430125545000,"createTime":1430125545000,"updateTime":null};
	var shopRec = {"id":1,"shopId":11,"shopName":"怡然舒居","shopKeeperId":1,"shopKeeperName":"张大壮","shopKeeperMotto":"文化就在生活中，民艺就是一种文化，在我们的生活中流传了几百上千年","shopKeeperUrl":"/static/demoimg/pic4.jpg","picBanner":"/static/demoimg/pic3.jpg","picHref":"http://www.baidu.cn","status":0,"onlineTime":1430186231000,"offlineTime":1430186231000,"createTime":1430186161000,"updateTime":1430186360000};
	
	$(function(){
		var ele = {
				boxwrap : $(".bannerwrap"),
				box : $(".banner"),
				boxnav : 'bannerslidenav',
				boxnavitem : 'li',
				btnnav : $('.bannerwrap a.btn'),
				bannerlink : $('.bannerwrap a.bannerlink')
			};
			new focusimg(ele);
			
			$('.commendgoods ul li').hover(
				function(){$(this).addClass('hover');},
				function(){$(this).removeClass('hover');}
			);
			$('.sortnavdetail:last').css('border','0');

	});
	//load 
	if(newGoods.length<=0){
		$(".newrecommeded").css("display","none");
	}else{
		var li = "";
		$.each(newGoods,function(i,v){
			var tmpLi = "<li>"
				+"<div class='goodspic'>"
					+"<a href='"+"#产品"+"' target='_blank'><img src='"+v.goodsPic+"' alt='' title='' /></a>"
					+"<div class='collectgoods'>"
						+"<dl>"
							+"<dd class=''><a href='"+"#产品"+"' target='_blank'><i></i> 查看</a></dd>"
							+"<dd class='collect'><a href='javascript:;' onClick='addMyFavoriteGoods('1',this)'><i></i> <span>2</span>人喜欢</a></dd>"
						+"</dl>"
					+"</div>"
				+"</div>"
				+"<div class='goodstext'>"
					+"<h1><a href='#' target='_blank'>"+v.goodsName+"</a></h1>"
					+"<p><span>推荐语：</span>"+v.recommendContent+"</p>"
				+"</div>"
			+"</li>";
			li +=tmpLi;
		})
		$('.commendgoods ul').html(li);
	}
	if(hotGoods.length<=0){
		$(".hotrecommended").css("display","none");
	}else{
		var li = "";
		$.each(hotGoods,function(i,v){
			var tmpLi = "<li>"
							+"<div class='goodspic'><a href='"+"#产品"+"' target='_blank'><img src='"+v.goodsPic+"' alt='' title='' /></a></div>"
							+"<div class='goodstext'>"
								+"<h1><a href='"+"#产品"+"' target='_blank'>"+v.goodsName+"</a></h1>"
								+"<p>&yen; <span>"+v.goodsPrice/100+"</span></p>"
							+"</div>"
						+"</li>";
			li +=tmpLi;
		})
		$('.hotgoods ul').html(li);
	}
	if(customizePic==null){
		$(".customizepic").css("display","none");
	}else{
		var li = "<a href='"+customizePic.picHref+"' target='_blank'><img src='"+customizePic.picUrl+"' alt='"+customizePic.picAlt+"' title='"+customizePic.picAlt+"' /></a>";
		$('.midbanner').html(li);
	}
	if(shopRec==null){
		$(".shoprecommended").css("display","none");
	}else{
		var res = shopRec;
		var li = "<div class='w1000 commendshoptext'>"
			+"<div class='shoptext'>"
				+"<h1>“"+res.shopKeeperMotto+"”</h1>"
				+"<p>——来自　　<a href='#goshop' target='_blank'><i class='shopicon'></i>店铺：<span>"+res.shopName+"</span></a>"　　
							+"<a href='#gouserhome' target='_blank'><i class='ownericon'></i>店主："+res.shopKeeperName+"</a></p>"
			+"</div>"
		+"</div>"
		+"<div class='commendshoppic' style='background-image:url("+res.picBanner+");'>"
			+"<a href='#' target='_blank' class='shoplink'></a>"
			+"<div class='shophead'><a href='#' target='_blank'><img src='"+res.shopKeeperUrl+"' alt='' title=''><p>进入店铺</p></a></div>"
		+"</div>";
		$('.shoprecommended').html(li);
	}
</script>
</body>
</html>